<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
		<link rel="stylesheet" type="text/css" href="css/oshine.css"/>
		<link rel="stylesheet" type="text/css" href="./header.css"/>
		<link rel="stylesheet" type="text/css" href="demos.css"/>
		<link rel="stylesheet" type="text/css" href="modern.css"/>
		<link rel="stylesheet" type="text/css" href="work.css"/>
		<link rel="stylesheet" type="text/css" href="twitter.css"/>
		<link rel="stylesheet" type="text/css" href="clients.css"/>
		<link rel="stylesheet" type="text/css" href="touch.css"/>
		<link rel="stylesheet" type="text/css" href="recent.css"/>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			img
			{
				vertical-align: bottom;
			}
			li{
				list-style: none;
			}
			a{
				text-decoration: none;
			}
			.w{
				width: 1280px;
				margin: 0 auto;
			}
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			.bd{
				border: 1px solid red;
			}
			.clearfix::before,.clearfix::after
			{
				content: "";
				display: table;
			}
			.clearfix::after
			{
				clear: both;
			}
			
			.stylish{
				width: 364px;
				height: 235px;
				margin-top: 216px;
			}
			
			.oshine_bg{
				background: url(img/oshin-mockups-1024x377.png) no-repeat;
				width: 944px;
				height: 377px;
				margin-top: 107px;
			}
			
			.bg1{
				background: url(img/wanderlust01.jpg) no-repeat;
				height: 400px;
			}
			
			
			.work_picture{
				width: 1200px;
				height: 482px;
				margin-top: 50px;
			}
			
			
			
			
			.bottom{
				height: 70px;
				background-color: #ffffff;
			}
			.bottom p{
				font-size: 9px;
				color: #939595;
				padding-top: 31px;
				padding-left: 481px;
			}
			
		</style>
	</head>
	<body>
		<div class="header_bg w">
			<div class="w header_nav">
				<div class="fl header_loge"></div>
				<div class="fl header_text">
					<ul class="fl">
						<li><a href="">HOME</a></li>
					</ul>
					<ul class="fl">
						<li><a href="">PAGES</a></li>
					</ul>
					<ul class="fl">
						<li><a href="">PORTFOLIO</a></li>
					</ul>
					<ul class="fl">
						<li><a href="">SINGLE PORTFOLIO</a></li>
					</ul>
					<ul class="fl">
						<li><a href="">HEADERS</a></li>
					</ul>
					<ul class="fl">
						<li><a href="">JOURNAL</a></li>
					</ul c>
					<ul class="fl">
						<li><a href="">SHOP</a></li>
					</ul>
					<ul class="fl">
						<li><a href="">SHORTCODES</a></li>
					</ul>
				</div>
				<div class="fl icon">
					<div class="icon_1 fl"><span class="fa fa-search"></span></div>
					<div class="icon_2 fl"><span class="fa fa-navicon"></span></div>
					<div class="icon_3 fl"><span class="fa fa-shopping-bag"></span></div>
				</div>
			</div>
			<div class="w stylish">
				<h3>MAKING THE WEB</h3>
				<div class="stylish_bd">
					<h2>STYLISH</h2>
				</div>
				<h4>The Best or Nothing</h4>
			</div>
		</div>
		
		<div class="oshine w">
			<div class="">
				<h3>WE ARE OSHINE</h3>
			</div>
			<div class="">
				<h4>A beautiful responsive multi-purpose wordpress theme</h4>
			</div>
			<div class="oshine_bd">
				<div class="oshine_line1 fl"></div>
				<div class="oshine_icon fl"></div>
				<div class="oshine_line2 fl"></div>
			</div>
			<div class="oshine_p">
				<div class="oshine_p1">
					<p>Oshine comes with 12 unique and stunning demos. We have crafted each and every demo</p>
				</div>
				<div class="oshine_p2">
					<p>with extensive care and precision and the theme is power packed yet easy to use.</p>
				</div>
			</div>
			<div class="oshine_bg w"></div>
		</div>
		
		<div class="demos w">
			<div class="demos_1 fl">
				<div class="demos_1_picture"></div>
				<h3>12 DEMOS</h3>
			</div>
			<div class="demos_2 fl">
				<div class="demos_2_picture"></div>
				<h3>POWERFUL OPTIONS</h3>
			</div>
			<div class="demos_3 fl">
				<div class="demos_3_picture"></div>
				<h3>PAGE BUILDER</h3>
			</div>
			<div class="demos_4 fl">
				<div class="demos_4_picture"></div>
				<h3>UNLIMITED PORTFOLIO</h3>
			</div>
		</div>
		
		<div class="modern w">
			<div class="modern_1 fl">
				<div class="modern_total1">
					<div class="modern_icon">
						<div class="fa fa-asterisk fa-2x fl"></div>
					</div>
					<div class="modern_title fl">
						<h3>MODERN DESIGN</h3>
					</div>
					<div class="modern_a">
						<ul>
							<li><a href="">Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</a></li>
						</ul>
					</div>
				</div>
				<div class="modern_total2">
					<div class="modern_icon">
						<div class="fa fa-gitlab fa-2x fl"></div>
					</div>
					<div class="modern_title fl">
						<h3>SUPER  CUSTOMIZABLE</h3>
					</div>
					<div class="modern_a">
						<ul>
							<li><a href="">Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</a></li>
						</ul>
					</div>
				</div>
				<div class="modern_total3">
					<div class="modern_icon">
						<div class="fa fa-superpowers fa-2x fl"></div>
					</div>
					<div class="modern_title fl">
						<h3>UNIQUE LAYOUT</h3>
					</div>
					<div class="modern_a">
						<ul>
							<li><a href="">Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="modern_2 fl"></div>
			<div class="modern_3 fl">
				<div class="modern_total">
					<div class="modern_icon">
						<div class="fa fa-spinner fa-2x fl"></div>
					</div>
					<div class="modern_title fl">
						<h3>AJAX TRANSITIONS</h3>
					</div>
					<div class="modern_a">
						<ul>
							<li><a href="">Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</a></li>
						</ul>
					</div>
				</div>
				<div class="modern_total">
					<div class="modern_icon">
						<div class="fa fa-shopping-bag fa-2x fl"></div>
					</div>
					<div class="modern_title fl">
						<h3>WOO COMMERCE</h3>
					</div>
					<div class="modern_a">
						<ul>
							<li><a href="">Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</a></li>
						</ul>
					</div>
				</div>
				<div class="modern_total">
					<div class="modern_icon">
						<div class="fa fa-shopping-basket fa-2x fl"></div>
					</div>
					<div class="modern_title fl">
						<h3>40+ MODULES</h3>
					</div>
					<div class="modern_a">
						<ul>
							<li><a href="">Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<div class="bg1 w"></div>
		
		<div class="work w">
			<div>
				<h3>OUR WORK</h3>
			</div>
			<div>
				<h4>A beautiful responsive multi-purpose wordpress theme</h4>
			</div>
			<div class="oshine_bd">
				<div class="oshine_line1 fl"></div>
				<div class="oshine_icon fl"></div>
				<div class="oshine_line2 fl"></div>
			</div>
			<div class="work_bd">
				<div class="work_bd1"></div>
			</div>
			<div class="work_nav">
				<div class="fl">
					<ul>
						<li><a href="">ALL</a></li>
					</ul>
				</div>
				<div class="fl">
					<ul>
						<li><a href="">BROCHURES</a></li>
					</ul>
				</div>
				<div class="fl">
					<ul>
						<li><a href="">MOBILE</a></li>
					</ul>
				</div>
				<div class="fl">
					<ul>
						<li><a href="">SLIDER</a></li>
					</ul>
				</div>
				<div class="fl">
					<ul>
						<li><a href="">VIDEOS</a></li>
					</ul>
				</div>
				<div class="fl">
					<ul>
						<li><a href="">WEB</a></li>
					</ul>
				</div>
			</div>
			<div class="work_picture w">
				<div class="work_picture1 fl"></div>
				<div class="work_picture2 fl"></div>
				<div class="work_picture3 fl"></div>
				<div class="work_picture4 fl"></div>
				<div class="work_picture5 fl"></div>
				<div class="work_picture6 fl"></div>
			</div>
			<div class="work_view">
				<ul>
					<li><a href="">VIEW ALL WORK</a></li>
				</ul>
			</div>
		</div>
		 
		<div class="twitter w">
			<div class="twitter_icon fa fa-twitter"></div>
			<div class="twitter_text">
				<p>RT @ <a href="">WooThemes</a>:How to evaluate a plugin for your WooCommerce store:</p>
			</div>
			<div class="twitter_web">
				<ul>
					<li><a href="">http://t.co/tLJA5Ltkqu</a></li>
				</ul>
			</div>
			<div class="twitter_text1">
				<h3>@ENVATO</h3>
			</div>
		</div>
		
		<div class="clients w">
			<div>
				<h3>OUR CLIENTS</h3>
			</div>
			<div>
				<h4>A beautiful responsive multi-purpose wordpress theme</h4>
			</div>
			<div class="oshine_bd">
				<div class="oshine_line1 fl"></div>
				<div class="oshine_icon fl"></div>
				<div class="oshine_line2 fl"></div>
			</div>
			<div class="clients_picture">
				<div class="clients_picture1 fl"></div>
				<div class="clients_picture2 fl"></div>
			</div>
		</div>
		
		<div class="touch w">
			<div>
				<h3>GET IN TOUCH</h3>
			</div>
			<div>
				<p>Have an idea or a project, lets collaborate and build some awesome stuff</p>
			</div>
			<div class="touch_bd">
				<ul>
					<li><a href="">BUY NOW</a></li>
				</ul>
			</div>
		</div>
		
		<div class="recent w">
			<div class="recent_1 fl">
				<div class="recent_1_picture"></div>
				<div class="recent_1_text">
					<p>Ea mei nostrum imperdiet deterruisset, mei ludus efficiendi ei. Sea summo mazim ex, ea errem eleifend definitionem vim. Detracto erroribus et mea.</p>
				</div>
				<div class="recent_1_icon">
					<div class="recent_1_bd fl">
						<div class="icon fa fa-facebook"></div>
					</div>
					<div class="recent_1_bd fl">
						<div class="icon fa fa-twitter"></div>
					</div>
					<div class="recent_1_bd fl">
						<div class="icon fa fa-pinterest-p"></div>
					</div>
					<div class="recent_1_bd fl">
						<div class="icon fa fa-dribbble"></div>
					</div>
				</div>
			</div>
			<div class="recent_2 fl">
				<div>
					<h3>Recent Posts</h3>
				</div>
				<div class="recent_2_1">
					<div class="recent_2_1_picture fl"></div>
					<div class="recent_2_1_text fl">
						<p>Oshine – a Creative</p>
						<p>Multipurpose WordPress</p>
					</div>
					<div class="recent_2_1_text1">
						<p>theme</p>
					</div>
					<div class="recent_2_1_text2">
						<p>October 10, 2014</p>
					</div>
				</div>
				<div class="recent_2_2">
					<div class="recent_2_2_picture fl"></div>
					<div class="recent_2_2_text fl">
						<p>If You Are Good At Something,</p>
						<p>Don’t Do It For Free</p>
					</div>
					<div class="recent_2_2_text2">
						<p>October 10, 2014</p>
					</div>
				</div>
			</div>
			<div class="recent_3 fl">
				<div>
					<h3>Links</h3>
				</div>
				<div class="recent_3_nav">
					
				</div>
			</div>
			<div class="recent_4 fl">
				<div>
					<h3>From Instagram</h3>
				</div>
				<div class="recent_4_picture">
					<div class="recent_4_picture1 fl"></div>
					<div class="recent_4_picture2 fl"></div>
					<div class="recent_4_picture3 fl"></div>
					<div class="recent_4_picture4 fl"></div>
					<div class="recent_4_picture5 fl"></div>
					<div class="recent_4_picture6 fl"></div>
					<div class="recent_4_picture7 fl"></div>
					<div class="recent_4_picture8 fl"></div>
					<div class="recent_4_picture9 fl"></div>
				</div>
			</div>
		</div>
		
		
		<div class="bottom w">
			<p>Copyright Brand Exponents 2014. All Rights Reserved</p>
		</div>
	</body>
</html>
